<!DOCTYPE html>
<html>
<head>
    <#include "/header.html">
        <link href="${request.contextPath}/statics/plugins/index/resources/css/jquery-ui-themes.css" type="text/css"
              rel="stylesheet" />
        <link href="${request.contextPath}/statics/plugins/index/resources/css/axure_rp_page.css" type="text/css"
              rel="stylesheet" />
        <link href="${request.contextPath}/statics/plugins/index/data/styles.css" type="text/css" rel="stylesheet" />
        <link href="${request.contextPath}/statics/plugins/index/files/index/styles.css" type="text/css" rel="stylesheet" />
        <link href="${request.contextPath}/statics/css/index/details.css" type="text/css" rel="stylesheet" />
    <link href="${request.contextPath}/statics/plugins/piczoom/skin.css" type="text/css" rel="stylesheet"/>
    <link href="${request.contextPath}/statics/css/index.css" type="text/css" rel="stylesheet"/>
    <link href="${request.contextPath}/statics/css/business/record/supervisionRecordDetails.css" type="text/css" rel="stylesheet"/>
    <link href="${request.contextPath}/statics/plugins/piczoom/skin.css" type="text/css" rel="stylesheet"/>
    <script src="${request.contextPath}/statics/plugins/piczoom/vue-photo-preview.js" type="text/javascript" charset="utf-8"></script>
    <style>
    .selected{font-weight:bold; background: #409EFF; color:#fff !important;}
  </style>
</head>
<body id="dcjlBody">
<input id="id" type="hidden" value="${id!''}" />
<input id="roleId" type="hidden" value="${roleId!''}" />
<input id="dqDwId" type="hidden" value="${dqDwId!''}" />
<input id="rootPath" type="hidden" value="${request.contextPath}" />
<div id="rrapp">
<div class="dcjl-top">
      <h2>督察详情</h2>
      <div class="dcjl-detail-content dcjl-title-font">
        <div><span class="dcjl-title">督察单位：</span><span>{{superviseRecordData.dcdwName}}</span></div>
        <div><span class="dcjl-title">被督察单位：</span><span>{{superviseRecordData.toDcdwName}}</span></div>
        <div v-if="superviseRecordData.mbmc != '' && superviseRecordData.mbmc != null"><span class="dcjl-title">督察模板：</span><span>{{superviseRecordData.mbmc}}</span></div>
        <div><span class="dcjl-title">整改进度：</span><span class="fontRed">{{superviseRecordData.precent}}%</span></div>
        <div><span class="dcjl-title">督察人员：</span><span>{{superviseRecordData.dcry}}</span></div>
        <div><span class="dcjl-title">督察时间：</span><span>{{superviseRecordData.dcTime}}</span></div>
      </div>
    </div>
    <div class="dcjl-tab">
      <h2>督察问题<span class="dcjl-problem fontRed">{{superviseRecordData.questionNum}}问题</span></h2>
      <ul class="tab-ul">
       <!--  <li><a href="#" id="">全部</a></li>
        <li><a href="#" id="">未整改</a></li>
        <li><a href="#" id="">无整改</a></li>
        <li><a href="#" id="">已整改</a></li>
        <li><a href="#" id="">未审核</a></li>
        <li><a href="#" id="">已审核</a></li> -->

        <li> <a class="liSelected" @click="findQuestionList(1)">全部</a></li>
        <li ><a @click="findQuestionList(2)">未整改</a></li>
        <li ><a @click="findQuestionList(3)">无整改</a></li>
        <li ><a @click="findQuestionList(4)">已整改</a></li>
        <li ><a @click="findQuestionList(5)">未审核</a></li>
        <li ><a @click="findQuestionList(6)">已审核</a></li>
      </ul>
    </div>
    <div v-for="(item, index) in questionData">
      <div class="dcjl-detail">
          <ul>
            <li>
                <div>
                  <div class="dcjl-detail-title">
                      <h2>{{item.questionDescription}}</h2>
                        <span v-if="item.modifyStatus == 0 && roleId == 1"><div @click="checkQuestion(2, item.id, item.dcRecordId, '', item.questionDescription)" >整改</div></span>
                        <span v-if="item.checkStatus == 0 && ((item.gxdwId == dqDwId && item.v5 != '') || (item.gxdwId == item.v1 && item.v1 != item.v4)  || (item.v1 == item.v4 && dqDwId == item.v1))"><div @click="checkQuestion(1, item.id, item.dcRecordId, item.modifyId, item.questionDescription)">审核</div></span>
                </div>
                  <div class="clear">
                    <ul class="time-vertical">
                        <li>
                          <b></b>
                          <div>
                              <h3>督察结果</h3>
                              <div class="dcjl-dcjg">
                                  <div>
                                    <span>被督察人员：</span>
                                    <span v-if="item.toDcry != '' && item.toDcry != null">
                                    <el-tooltip :content="item.toDcry" placement="bottom">
                    <div class="hiddenLong">{{item.toDcry}}</div>
                  </el-tooltip>
                                     </span>
                                  </div>
                                  <div><span>情况说明：</span><span>{{item.qksm}}</span></div>
                                  <div>
                                    <span>整改类型：</span>


                                      <span v-if="item.zglx == '0'">现场纠正</span>
                                    <span v-if="item.zglx == '2'">无需整改</span>
                                    <span v-if="item.zglx == '1'">限时整改</span><span class="fontBlue fontMl" style="color:#49B1FA">{{item.zgjzrq}}</span>
                                  </div>
                              </div>
                            <div class="dcjl-dcjg">
                              <div class="DivImg">
                                <span>现场照片：</span>
                                <span v-for="(image, index) in item.imageList">
                                  <img class="img " :src="image.picUrl" style="width: 60px;height: 50px" preview="1"/>
                                  <!-- <img src="${request.contextPath}/statics/images/testImg.png" alt="">
                                  <img src="${request.contextPath}/statics/images/testImg.png" alt="">
                                  <img src="${request.contextPath}/statics/images/testImg.png" alt=""> -->
                                </span>
                              </div>
                          </div>
                              <div class="dcjl-dcjg">
                              <div class="DivImg">
                                <span>现场录像：</span>
                                <span  v-if="item.videoImage != '' && item.videoImage != null">
                                    <img class="img " @click="playVideo(item.videoImage)" src="${request.contextPath}/statics/css/index/images/video_play.jpg">
                                </span>
                                  <span v-else>无</span>
                                  </div>
                              </div>
                        </div>
                    </li>
                    <!--<li v-if="item.modifyStatus == 0 && roleId == 1"><div @click="checkQuestion(2, item.id, item.dcRecordId, '', item.questionDescription)" class="dtBtn">整改</div></li>-->
                    <li v-if="item.modifyStatus == 2">
                      <b></b>
                      <div>
                        <h3>整改结果</h3>
                        <div class="dcjl-dcjg">
                            <div><span>反馈人员：</span><span>{{item.fkry}}</span></div>
                            <div><span>反馈单位：</span><span>{{item.fkdw}}</span></div>
                            <div><span>反馈说明：</span><span>{{item.zgfknr}}</span></div>
                            <div><span>反馈时间：</span><span class="fontBlue">{{item.fksj}}</span></div>
                            <div>
                              <span>反馈照片：</span>
                              <span v-for="(image, index) in item.fkImageList">
                                <img class="img " :src="image.picUrl" style="width: 60px;height: 50px" preview="1"/>
                                <!-- <img src="${request.contextPath}/statics/images/testImg.png" alt="">
                                <img src="${request.contextPath}/statics/images/testImg.png" alt=""> -->
                              </span>
                            </div>
                        </div>
                      </div>
                    </li>
                    <!--<li v-if="item.checkStatus == 0 && ((item.gxdwId == item.v1 && item.v1 != item.v4)  || (item.v1 == item.v4 && dqDwId == item.v1))"><div @click="checkQuestion(1, item.id, item.dcRecordId, item.modifyId, item.questionDescription)" class="dtBtn">审核</div></li>-->
                    <li v-if="item.checkStatus == 1">
                        <b></b>
                            <div>
                              <h3>审核结果</h3>
                              <div class="dcjl-dcjg">
                                <div><span>审核人员：</span><span>{{item.fkshr}}</span></div>
                                <div><span>审核单位：</span><span>{{item.fkshrdw}}</span></div>
                                <div>
                                  <span>审核结果：</span>
                                  <!-- <span>现场整改</span><span class="fontRed fontMl">-3</span> -->

                                  <span v-if="item.checkResult === '0'">考核扣分 </span>
                                  <span v-if="item.checkResult === '0'" class="fontRed fontMl" style="color:red">扣分：{{item.kffz}}分</span>
                                  <span v-if="item.checkResult === '1'">不予处理</span>
                                  <span v-if="item.checkResult === '2'">其他 <br><div class="fontRed fontMl">{{item.checkResultDetail}}</div></span>
                                </div>
                                <div><span>审核时间：</span><span class="fontBlue">{{item.fkshsj}}</span></div>
                              </div>
                            </div>
                        </li>
                      </ul>
                  </div>
                </div>
            </li>
          </ul>
      </div>
    </div>

   <!--  <div class="dcjl-detail">
      <ul>
        <li>
          <div>
            <div class="dcjl-detail-title">
              <h2>枪支弹药库、室或柜未落实双人双锁</h2>
              <a href="#">审核</a>
            </div>
            <div class="clear">
              <ul class="time-vertical">
                <li>
                  <b></b>
                  <div>
                    <h3>督察结果</h3>
                    <div class="dcjl-dcjg">
                      <div>
                        <span>被督察人员：</span>
                        <span>
                          <ul>
                            <li><font>顾春光</font></li>
                            <li><font>褚斌</font></li>
                            <li><font>潘凯华</font></li>
                            <li><font>沈超</font></li>
                            <li><font>王凌捷</font></li>
                            <li><font>汤雪明...</font></li>
                          </ul>
                        </span>
                      </div>
                      <div><span>情况说明：</span><span>枪支管理不规范</span></div>
                      <div><span>整改类型：</span><span>限时整改</span><span class="fontBlue fontMl">2018-09-17</span></div>
                    </div>
                    <div class="dcjl-dcjg">
                      <div>
                        <span>现场照片：</span>
                        <span>
                          <img src="${request.contextPath}/statics/images/testImg.png" alt="">
                          <img src="${request.contextPath}/statics/images/testImg.png" alt="">
                          <img src="${request.contextPath}/statics/images/testImg.png" alt="">
                        </span>
                      </div>
                      <div>
                        <span>录像：</span>
                        <span>
                          <img src="#" alt="">
                        </span>
                      </div>
                    </div>
                  </div>
                </li>
                <li>
                  <b></b>
                  <div>
                    <h3>整改结果</h3>
                    <div class="dcjl-dcjg">
                      <div><span>反馈人员：</span><span>高晓颖</span></div>
                      <div><span>反馈单位：</span><span>国内安全保卫大队</span></div>
                      <div><span>反馈说明：</span><span>现场整改</span></div>
                      <div><span>反馈时间：</span><span class="fontBlue">2018-09-20 18:23:17</span></div>
                      <div>
                        <span>反馈照片：</span>
                        <span>
                          <img src="${request.contextPath}/statics/images/testImg.png" alt="">
                          <img src="${request.contextPath}/statics/images/testImg.png" alt="">
                        </span>
                      </div>
                    </div>
                  </div>
                </li>
                <li>
                  <b></b>
                  <div>
                    <h3>审核结果</h3>
                    <div class="dcjl-dcjg">
                      <div><span>审核人员：</span><span>高晓颖</span></div>
                      <div><span>审核单位：</span><span>国内安全保卫大队</span></div>
                      <div><span>审核结果：</span><span>现场整改</span><span class="fontRed fontMl">-3</span></div>
                      <div><span>审核时间：</span><span class="fontBlue">2018-09-20 18:23:17</span></div>
                    </div>
                  </div>
                </li>
              </ul>
            </div>
          </div>
        </li>
      </ul>
    </div> -->
</div>
</body>
<script src="${request.contextPath}/statics/plugins/element/index.js"></script>
<script src="${request.contextPath}/statics/js/modules/business/record/supervisionRecordDetails.js?_${.now?long}"></script>
<style>
    /*在IE下进行清除浮动*/
    .detailDcxq:after{display:block;visibility:hidden;clear:both;height:0;content:'.';}
    .detailDcxq{zoom:1;}
</style>
</html>